<template>
    <DigitalFlop :value="value" :option="options"></DigitalFlop>
</template>

<script lang="ts" setup>
import DigitalFlop from './DigitalFlop.vue';

const props = defineProps({
    value: {
        type: Number,
        default: 0,
    },
    options: {
        type: Object,
        default: () => ({
            fontColor: '#9fd4ff',
            fontSize: 40,
            fontWeight: 400,

            decimalPlaceNumber: 2,
            isShowSeparator: true,
            animation: true,

            itemWidth: 40,
            itemHeight: 60,
            itemBgColor: '#0000001f',
            itemBorderWidth: 1,
            itemBorderColor: '#2196f3',
            itemBorderRadius: 0,
            minLength: 1,

            fontColor1: '#9fd4ff',
            fontSize1: 30,
            fontWeight1: 600,
            margin: 5,
            hAligin: 'center',
        }),
    },
});

</script>

<style scoped>

</style>